<script lang="ts" setup>
import { ElTabs, ElTabPane } from "element-plus";
const activeName = ref("first");
import { ref } from "vue";
import airportTable from "./airport/airportTable.vue";
import uavTable from "./uva/uavTable.vue";
</script>

<template>
  <div class="p-2 page">
    <ElTabs v-model="activeName" class="demo-tabs">
      <ElTabPane label="机场管理" name="first">
        <airportTable />
      </ElTabPane>
      <ElTabPane label="无人机管理" name="second">
        <uavTable />
      </ElTabPane>
    </ElTabs>
  </div>
</template>
<style scoped>
.page {
  margin: 8px 12px 8px 8px;
  background: #fff;
}
</style>
